import { ScrollView, View } from "@tarojs/components";
import Hobby from "./Hobby";
import styles from './index.module.scss';
interface HobbiesProps {
  hobbites: any[];
}
const Hobbies = (props: HobbiesProps) => {
  const { hobbites } = props;
  const onScroll = () => {};
  return (
    <View
      className={styles["hobbies-container"]}

    >
      {hobbites.map((item) => (
          <Hobby key={item.id} {...item} />
        ))}
    </View>
  );
};

export default Hobbies;
